<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page properties: @page and percentage values</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
<meta name="flags" content="paged" />
<meta name="assert" content="When applied to the page box, percentage values on the margin and padding properties are relative to the dimensions of the page box (defined by the 'size' property)."/>
<style type="text/css">
	@page {
		size: 5in;
		margin: 20%;
		padding: 20%;
		border-style: solid;
		border-color: black;
		border-width: 20%;
		background: lime;
	}
	html, body {
		height: 100%;
		background: white;
	}
</style>
</head>
<body>
	<p>When printed, this content must be in a white box surrounded by a 2 inch thick green border around a 1 inch thick black border.</p>
</body>
</html>